<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>后台管理</title>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/css/bootstrap.min.css">
<link href="__PUBLIC__/css/font-awesome.css" rel="stylesheet">
<script src="__PUBLIC__/js/jquery.min.js"></script>
<style type="text/css">
html,body {
	background-color: #25313F;
	over
}
input {
	height: 30px !important;
}
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.autowidth {
	max-width: 500px;
}
.navbar{
	margin: 0px;
	border: 0px;
}
.headnav{
	line-height:20px;
	font-size: 25px;
	color: #30A5FF;
	position: absolute;
}
.rightnav{
	color: gray;
}
.rightnav li{
	float: right;
	position:relative;
	margin-left: 22px;
}
.rightnav a{
	color: white;
	text-decoration: none;
}
.sidebar{
	width: 200px;
	background:#25313F;
	position: absolute;
	z-index: 0;
}
.sidebar li{
	list-style: none;
}
.boxli{
	font-size: 17px;
	height: 44px;
	color: white;
}
.boxli a{
	color: white;
}
.rightside{
	margin-left: 150px;
	position: relative;
	min-height: 900px;
	min-width: 200px;
	background-color: white;
	z-index: 10;
}
.hiddenbtn {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	border: 1px solid #333333;
	cursor: pointer;
	margin: 8px 0 0 8px;
}
.hiddenbtn span {
	display: block;
	font-size: 20px;
	line-height: 30px;
	vertical-align: middle;
}
.changemodul {
	display: table;
}
#editor {
	overflow: scroll;
	height: 300px;
	background-color: white;
}
.btn-toolbar li{
	list-style: none;
}
.boxli a{
	text-decoration: none;
}
.rightnav li{
	list-style-type: none;
}
.headnav a{
	text-decoration: none;
}
p{
	margin-left: 10px;
	line-height: 44px;
}
.boxli{
	width: 100%;
}
.rightnav{
	margin-right: 20px;
}
@media(max-width: 550px){
	.autowidth {
		width: 300px;
	}
	html,body {
		width: 100%;
		overflow: hidden;
	}
	.sidebar {
		width: 150px;
	}
	.rightside{
		margin-left: 150px;
	}
	p{
		margin-left: 10px;
		line-height: 44px;
	}
}
</style>
</head>
<body>
	<nav class="navbar  navbar-inverse" >
		<div>
			<div class="headnav"><a href="__URL__/index" target="contentiframe">ADMIN</a></div>
				<ul class="rightnav">
					<li onclick=""><span class="glyphicon glyphicon-log-out"><a href="__URL__/loginout">退出</a></span></li>
				</ul>
		</div>
	</nav>
	<div id="bigbox">
		<div class="sidebar">
			<div class="sidebox">
				<switch name="auth_id">
				<case value="1">
					<div class="boxli">
						<p>
							<span class="glyphicon glyphicon-user"></span>
							<a onclick="changeColor($(this))"" href="__URL__/applyshow" target="contentiframe">报名汇总</a>
						</p>
					</div>
					<div class="boxli">
						<p><span class="glyphicon glyphicon-user"></span>
						<a onclick="changeColor($(this))"" href="__URL__/check_m" target="contentiframe">检录管理</a></p>
					</div>
				</case>
				<case value="2">
					<div class="boxli">
						<p><span class="glyphicon glyphicon-user"></span>
						<a onclick="changeColor($(this))"" href="__URL__/applyshow" target="contentiframe">报名汇总</a></p>
					</div>
					<div class="boxli">
						<p><span class="glyphicon glyphicon-user"></span>
						<a onclick="changeColor($(this))" href="__URL__/grades_m" target="contentiframe">比赛管理</a></p>
					</div>
				</case>
				<case value="3">
					<div class="boxli">
						<p><span class="glyphicon glyphicon-user"></span>
						<a onclick="changeColor($(this))" href="__URL__/applyshow" target="contentiframe">报名汇总</a></p>
					</div>
					<div class="boxli">
						<p><span class="glyphicon glyphicon-book"></span>
						<a onclick="changeColor($(this))" href="__URL__/grades" target="contentiframe">成绩公布</a></p>
					</div>
				</case>
					<default />
				<div class="boxli">
					<p><span class="glyphicon glyphicon-user"></span>
					<a onclick="changeColor($(this))" href="__URL__/applyshow" target="contentiframe">报名汇总</a></p>
				</div>
				<div class="boxli" onclick="$(this).next().slideToggle()">
					<p><span class="glyphicon glyphicon-flag"></span>
					<span style="cursor: pointer;">赛事管理</span></p>
				</div>
				<div style="display: none;" >
					<div class="boxli">
						<p>&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-plus-sign"></span>
						<a onclick="changeColor($(this))" href="__URL__/addMatch" target="contentiframe">增加赛事</a></p>
					</div>
					<div class="boxli">
						<p>&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-th-list"></span>
						<a onclick="changeColor($(this))" href="__URL__/changeMatch" target="contentiframe">修改赛事</a></p>
					</div>
				</div>
				<div class="boxli" onclick="$(this).next().slideToggle()">
					<p><span class="glyphicon glyphicon-bullhorn"></span>
					<span style="cursor: pointer;">场次管理</span></p>
				</div>
				<div style="display: none;">
					<div class="boxli">
						<p>&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-plus-sign" ></span>
						<a onclick="changeColor($(this))" href="__URL__/Match_m" target="contentiframe">发布场次</a></p>
					</div>
					<div class="boxli">
						<p>&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-th-list"></span>
						<a onclick="changeColor($(this))" href="__URL__/changechang" target="contentiframe">修改场次</a></p>
					</div>
				</div>
				<div class="boxli">
					<p><span class="glyphicon glyphicon-th-large"></span>
					<a onclick="changeColor($(this))" href="__URL__/check_m" target="contentiframe">检录管理</a></p>
				</div>
				<div class="boxli">
					<p><span class="glyphicon glyphicon-ok"></span>
					<a onclick="changeColor($(this))" href="__URL__/check_type" target="contentiframe">机构认证</a></p>
				</div>
				<div class="boxli">
					<p><span class="glyphicon glyphicon-cog"></span>
					<a onclick="changeColor($(this))" href="__URL__/grades_m" target="contentiframe">比赛管理</a></p>
				</div>
				<div class="boxli">
					<p><span class="glyphicon glyphicon-book"></span>
					<a onclick="changeColor($(this))" href="__URL__/grades" target="contentiframe">成绩公布</a></p>
				</div>
				<div class="boxli" onclick="$(this).next().slideToggle()">
					<p><span class="glyphicon glyphicon-globe"></span>
					<span style="cursor: pointer;">管理员</span></p>
				</div>
				<div style="display: none;">
					<div class="boxli">
						<p>&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-ok-sign"></span>
						<a onclick="changeColor($(this))" href="__URL__/addadmin" target="contentiframe">添加</a></p>
					</div>
					<div class="boxli">
						<p>&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-asterisk"></span>
						<a onclick="changeColor($(this))" href="__URL__/changeadmin" target="contentiframe">编辑</a></p>
					</div>
				</div>
				<div class="boxli">
					<p><span class="glyphicon glyphicon-folder-open"></span>
					<a onclick="changeColor($(this))" href="__URL__/uploa" target="contentiframe">文件上传</a></p>
				</div>
				<div class="boxli">
					<p><span class="glyphicon glyphicon-edit"></span>
					<a onclick="changeColor($(this))" href="__URL__/publis" target="contentiframe">发布公告</a></p>
				</div>
				</switch>
			</div>
		</div>
		<div class="rightside clearfix">
			<!-- 左上角的切换按钮  -->
			<div class="mybtn clearfix" style="width: 100%;">
				<div class="hiddenbtn text-center pull-left" onmouseover="changeAttr($(this),{border:'1px solid #eabf75',color:'#eabf75'})" onmouseout="changeAttr($(this),{border:'1px solid #333333',color:'#333333'})" onclick="sideToggle()">
					<span class="glyphicon glyphicon-list"></span>
				</div>
			</div>
			<iframe name="contentiframe" src="__URL__/index" style="min-height: 1200px;width: 100%;border:0;"></iframe>
			<div class="mybtn" style="height: 50px;width: 100%"></div>
		</div>
	</div>
	<script type="text/javascript">
		var c = 1,
		b = -1;
		function changeAttr(obj,styles){
			obj.css(styles);
		}
		function sideToggle(){
			if (c == 1){
				$(".rightside").animate({
					marginLeft:"0"
				},300);
				c = -1;
			}else if (c == -1){
				$(".rightside").animate({
					marginLeft:"150px"
				},300);
				c = 1;
			}
		}
		function showHide(thisObj,showObj){
			thisObj.css("color","#ff9d24").parent().siblings().children("a").css("color","white");
			$(showObj).show().siblings().not(".mybtn").hide();
		}
		function saveText(){
			richText = $("#editor").html();
		}
		function changeUser(obj){
			obj.parent().siblings().find("span").hide();
			obj.parent().siblings().find(".form-control").show();
		}
		function changeMatch(obj){
			obj.parent().parent().find("td.changeabled *").css("display","none");
			obj.parent().parent().find("td.changeabled input").show();
		}
		function changeColor(obj){
			$(".sidebox").find(".boxli").css({
				backgroundColor: "#25313F",
				color: "white"
			}).find("a").css({
				color: "white"
			});
			obj.parent().parent().css({
				backgroundColor: "#8DC8FB",
				color: "#25313F"
			}).find("a").css({
				color: "#25313F"
			});
		}
</script>
</body>
</html>